<template>
    <div class="imgdetail">
         <div class="desc-panel desc-panel-basic" style="height:100%">
             <div class="iframe-wrapper" style="height:100%;">
                <iframe frameborder="0" ref="Iframes" ></iframe>
            </div>
        </div>
    </div>
</template>   
<script>
import {  itemUnique } from '@/service/getData'
import { imgdetail } from '../../../config/env'
    export default  {
        data(){
            return{
                
            }
        },
        mounted(){
            this.$nextTick(function(){
                this.$refs.Iframes.src = imgdetail+'/pds-web/product/graphicSaleApp/'+this.$route.params.supplierCode+'/'+this.$route.params.cmmdtyCode+'.html';
                $('.imgdetail').height($('.protool').offset().top - $('.imgdetail').offset().top)
                $('.li_close a').click(function(){
                    setTimeout(() => {
                       $('.imgdetail').height($('.protool').offset().top - $('.imgdetail').offset().top)
                    },500)
                }) 
            })
        } 

    }
</script>
<style>
    .imgdetail {
        height: 19rem;
    }
    .desc-panel .iframe-wrapper{
        overflow-y: auto;
     }
    .desc-panel .iframe-wrapper iframe {
        width: 100%;
        height: 100%;
    }
</style>